<template>
  <img :src="src" width="300" height="200" alt=""
  :style="{'object-fit':fit,background:'#ccc'}"
  >
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
type Props = {
    src:string,
    type:string
}
// fill 拉伸元素充满区域，会变形
// cover 放大元素，超出部分不显示，不会变形
// contain 保持宽高比，元素缩放适应容器，会有留白
// const props=defineProps<Props>();
const props=defineProps({
    src:{
        type:String,
        default:''
    },
    fit:{
        type:String,
        default:''
    }
})
</script>

<style>

</style>